﻿<!--设置路由-->
@page "/employeedetail/{EmployeeId}"

<!--设置后台代码-->
@inherits EmployeeDetailBase



<h3>employeedetail</h3>


<div>
    <div>@Employee.Id</div>
    <div>@Employee.DepartmentId</div>
    <div>@Employee.Name</div>
    <div>@Employee.BirthDate</div>
    <div>@Employee.Gender</div>
</div>



<hr />
<h3>双向绑定：</h3>
<div>
    <h3>Employee Name：</h3>
    <input @bind="@Employee.Name" />
    <h3>Employee BirthDate：</h3>
    <input @bind="@Employee.BirthDate" />
    <h3>Employee Gender：</h3>
    <input @bind="@Employee.Gender" />
</div>

<hr />
<h3>不同的触发Event:</h3>
<div>
    <h3>Employee Name：</h3>
    <input @bind="@Employee.Name" @bind:event="oninput"/>
    <h3>Employee BirthDate：</h3>
    <input @bind="@Employee.BirthDate" @bind:event="oninput"/>
    <h3>Employee Gender：</h3>
    <input @bind="@Employee.Gender" @bind:event="oninput"/>
</div>

<div>
    <button @onclick="button_Click">单机修改（双向绑定）</button>
</div>

<br />
<div class="form-group row">
        <button class="btn btn-secondary" @onclick="@GoBack">返回</button>
</div>